@charset "utf-8";
/* 轨迹回放 */
.video-replay-box,
.video-replay-box .map-area {
    height: 100%;
    min-height: 100%;
    position: relative;
}
.video-replay-box .car-name {
    width: 110px;
    height: 32px;
    line-height: 32px;
    background: url(../../images/video-replay-bg_03.png);
    border-radius: 0 16px 16px 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    color: #fff;
    text-align: center;
}
.video-replay-box .control-panel {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.video-replay-box .control-area {
    height: 36px;
    background: url(../../images/video-replay-bg_03.png);
}
.video-replay-box .control-area .video-btn {
    float: left;
    background: url(../../images/video-control_01.png);
}
.video-replay-box .control-area .start {
    width: 12px;
    height: 14px;
    margin-top: 12px;
    margin-left: 12px;
}
.video-replay-box .control-area .pause {
    background-position: -80px -21px;
}
.video-replay-box .control-area .stop {
    width: 13px;
    height: 13px;
    margin-top: 12px;
    margin-left: 12px;
    background-position: 0 -22px;
}
.video-replay-box .control-area .quick-prev {
    width: 20px;
    height: 12px;
    margin-top: 12px;
    margin-left: 12px;
    background-position: -45px 0;
}
.video-replay-box .control-area .quick-next {
    width: 20px;
    height: 12px;
    margin-top: 12px;
    margin-left: 12px;
    background-position: -79px 0;
}
.video-replay-box .control-area .time-line {
    float: left;
    margin-top: 17px;
    width: 250px;
    margin-left: 12px;
    background-color: #D8D8D8;
    height: 4px;
}
.video-replay-box .control-area .already-play {
    width: 5px;
    height: 14px;
    background-color: #3192E6;
    float: left;
    position: relative;
    margin-top: -5px;
}
.video-replay-box .control-area .already-play:hover .time-area {
    display: block;
}
.video-replay-box .control-area .time-area {
    position: absolute;
    width: 50px;
    height: 38px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: url(../../images/video-control_01.png) 0 -21px;
    top: -44px;
    left: -23px;
    display: none;
}
.video-replay-box .control-area .already-line {
    height: 4px;
    float: left;
    background-color: #4FA7F3;
}
.video-replay-box .form-area {
    float: left;
}
.video-replay-box .form-area label {
    font-size: 12px;
    color: #fff;
    line-height: 36px;
    margin-left: 15px;
    float: left;
}
.video-replay-box .form-area input {
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
    width: 130px;
    border: 0;
    background-color: #F1F1F1;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    color: #333;
}
.video-replay-box  .btn-save {
    height: 23px;
    line-height: 23px;
    float: left;
    margin-top: 5px;
    margin-left: 15px;
    width: 60px;
}
.video-replay-box  .btn-save:hover {
    box-shadow: 0 0 0 0 ;
}
.video-replay-box .slide-btn {
    width: 10px;
    height: 11px;
    background: url(../../images/video-control_01.png) -59px -21px;
    position: absolute;
    right: 14px;
    top: 12px;
    display: block;
}
.video-replay-box .slide-btn-active {
    background-position: -59px -39px;
}
.video-replay-box  .detail-box {
    background-color: #fff;
}

#slider .ui-slider-range {
    background: #4FA7F3;
    height: 2px;
}

.video-replay-box .ui-slider .ui-slider-handle {
    width: 5px;
    height: 14px;
    background-color: #3192E6 !important;
    top: -6px;
    position: absolute;
    border: 0;
}

/* 轨迹回放新增 */
.fault-box {
    width: 310px;
    background-color: #fff;
    box-shadow: 0 0 3px #bbb;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
}
.fault-box-hide {
    width: 35px;
    height: 35px;

}
.fault-box-hide .table-container {
    display: none;
}
.fault-box .table-container {
    padding: 0 16px 10px;
}
.fault-box .table-container .link-more {
    color: #FD7B66;
    margin-left: 40px;
}
.fault-box .table-container .link-more:hover {
    text-decoration: underline;
}

.fault-box th {
    font-size: 12px;
    text-align: left;
    text-indent: 10px;
    border-bottom: 1px solid #DCDCDC;
    height: 30px;
    padding-top: 5px;
    color: #333;
}
.fault-box td {
    font-size: 12px;
    text-align: center;
    height: 28px;
    color: #666;
}
.fault-box tr:hover td {
    background-color: #f3f3f3;
}
.fault-box .td-box {
    height: 85px;
    overflow: auto;
}
.c-yellow2 {
    color: #FEB33B !important;
}
.fault-box .slide-btn2 {
    display: block;
    width: 12px;
    height: 13px;
    background: url(../../images/slide-btn2_03.png);
    position: absolute;
    top: 13px;
    right: 12px;
}
.fault-box .slide-btn2-show {
    background-position: 0 bottom;
}

.fault-pop {
    width: 240px;
    height: 137px;
    background: url(../../images/fault-pop_07.png) no-repeat;
    padding-top: 18px;
}
.fault-pop .fault-item {
    font-size: 13px;
    line-height: 16px;
    background: url(../../images/fault-icon_07.png) no-repeat 0 0;
    color: #FF5447;
    text-indent: 24px;
    margin-left: 21px;
    line-height: 16px;
    font-weight: bold;
    padding-bottom: 7px;
}

.fault-pop li {
    padding-bottom: 7px;
    padding-left: 21px;
}
.fault-pop li label {
    float: left;
    line-height: 18px;
    color: #5f6062;
    font-weight: bold;
}
.fault-pop  li p {
    overflow: hidden;
    line-height: 18px;
    padding-right: 15px;
    color: #5f6062;
}
.index2-map-wrap .fault-box {
    position: absolute;
    right: 20px;
    top: 400px;
    width: 380px;
    box-shadow: 0 0 5px #aaa;
}

.index2-map-wrap .fault-box-hide {
    width: 44px;
    height: 44px;
}
.index2-map-wrap .fault-box .slide-btn2 {
    top: 17px;
    right: 16px;
}

.index2-map-wrap .car-direction-box {
    position: absolute;
    height: 44px;
    background-color: #fff;
    bottom: -64px;
    right: 211px;
    box-shadow: 0 0 5px #aaa;
}
.index2-map-wrap .car-direction-box img {
    display: block;
    padding: 0 24px;
}